<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS滤镜1</title>
    <style>
        img {
            filter: drop-shadow(138px 71px 0px 0px #bf2424);
        }
    </style>
</head> 

<body>
    <img src="pineapple.jpg" alt="Pineapple" width="300" height="300">

</body>

</html>